<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta charset="UTF-8">
    <title>峰尚视野</title>
    <!-- libs css-->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/tool.css">
    <!-- libs js -->
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/jquery.ba-hashchange.js"></script>
    <script src="js/onePage.js"></script>
    <script src="js/tool.js"></script>
    <script src="js/base.js"></script>
    <!-- style -->
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/media.css">
</head>

<body>
<!-- 头部 -->
<div class="header">
    <div class="container header-all phone">
        <div class="logo"><img src="images/logo.png"/></div>
        <div class="phone-show" id="phone-show">
            <div></div>
            <div></div>
            <div></div>
        </div>
        <ul class="nav" id="header-nav">
            <li><a href="/index.html" class=""><i class="iconfont">&#xe6cb;</i>首页</a></li>
            <li>
                <a href="javascript:;" class="lia"><i class="iconfont">&#xe690;</i>软件开发</a>
                <ol>
                    <li><a href="/blog_write.html">创作文章</a></li>
                    <li><a href="javascript:;">C++</a></li>
                </ol>
            </li>
            <li><a href="javascript:;" class="lia"><i class="iconfont">&#xe69e;</i>数据库</a>
                <ol>
                    <li><a href="javascript:;">SqlServer</a></li>
                    <li><a href="javascript:;">MySql</a></li>
                </ol>
            </li>
            <li><a href="/blog_templete.html" class=""><i class="iconfont">&#xe6cb;</i>原创</a>
            </li>
            <li><a href="javascript:;" class="lia this"><i class="iconfont">&#xe6cb;</i>WEB</a>
                <ol>
                    <li><a href="javascript:;">HTML</a></li>
                    <li><a href="javascript:;">WordPress</a></li>
                </ol>
            </li>
            <li><a href="javascript:;" class="lia">
                <i class="iconfont">&#xe6cb;</i>其他</a>
                <ol>
                    <li><a href="javascript:;">音乐</a></li>
                    <li><a href="javascript:;">视频</a></li>
                </ol>
            </li>
            <li>
                <a href="javascript:;" class="">关于我</a>
            </li>
            <li class="iconfont sou" id="sou" title="搜索"><a>&#xe693;</a></li>
        </ul>
    </div>
</div>
<t></t>
<!-- 搜索 -->
<div class="panel-sou container" id="panel-sou">
    <form action=""><input type="text" placeholder="请输入需要搜索的内容" name="p"><button class="btn btn-info">搜索</button></form>
</div>


<!-- 内容 -->
<div class="content container" data-content>
    <!-- 二级 -->
    <div class="love2" id="list-2">
        <div class="left" id="list-left">
            <ul class="list row list-hen">
                <li>
                    <div class="article-title">文章标题</div>
                    <div class="article-meta">作者：张三 发布于: 2024-01-01</div>
                    <div class="article-content">
                        <p>这里是文章的正文部分。可以包括多段文字、图片等。</p>
                        <h2 class="article-title-1">标题一</h2>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第二段内容。更多的内容...</p>
                        <h2 class="article-title-2">标题二</h2>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第二段内容。更多的内容...</p>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第二段内容。更多的内容...</p>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第二段内容。更多的内容...</p>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第二段内容。更多的内容...</p>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第二段内容。更多的内容...</p>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第一段内容。更多的内容...</p>
                        <p>这是小标题下的第二段内容。更多的内容...</p>
                        <!-- <img src="https://example.com/image.jpg" alt="文章配图" style="max-width:100%; height:auto;"> -->
                        <p>更多的内容...</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="right" id="list-right">
            <!-- 关于我 -->
            <div class="thisMe">
                <div class="touPick"><img src="images/404-2.png" alt="图片走丢了" title="阿峰"></div>
                <ul>
                    <li><a href="javascript:;" style="text-decoration:none;" title="主页" class="iconfont">&#xe619;</a></li>
                    <li><a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=2KKh6eC5mKmp9ru3tQ" title="联系我" style="text-decoration:none;" class="iconfont">&#xe667;</a></li>
                    <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=464312406&site=qq&menu=yes" style="text-decoration:none;" title="QQ" class="iconfont">&#xe737;</a></li>
                    <li><a target="_blank" href="javascript:;" style="text-decoration:none;" title="关于我" class="iconfont">&#xe645;</a></li>
                </ul>
            </div>
            <!-- 建站史 -->
            <div class="ku">
                <div class="title">建站史</div>
                <div class="shus">
                    <div class="line"></div>
                    <div class="shus-cont">
                        <a>第一天的类，鬼知道发生了什么</a>
                        <a>第一天的类，么</a>
                        <a>第一天的类，鬼知道发么</a>
                        <a>第一天的类，鬼知道发生了什一天的类，鬼知道发生了什一天的类，鬼知道发生了什一天的类，鬼知道发生了什一天的类，鬼知道发生了什么</a>
                        <a>第一天的类，鬼知道发生了什么</a>
                        <a>第一天的类，鬼知道发生了什么</a>
                        <a href="javascript:;" class="href-all">查看全部</a>
                    </div>
                </div>
            </div>
            <!-- 日记 -->
            <div class="ku">
                <div class="title">日记</div>
                <div class="shus shus-lv">
                    <div class="line"></div>
                    <div class="shus-cont">
                        <a title="2017-5-6">第一天的类，鬼知道发生了什么</a>
                        <a title="2017-5-6">第一天的类，么</a>
                        <a title="2017-5-6">第一天的类，鬼知道发么</a>
                        <a title="2017-5-6">第一天的类，鬼知道发生了什一天的类，鬼知道发生了什一天的类，鬼知道发生了什一天的类，鬼知道发生了什一天的类，鬼知道发生了什么</a>
                        <a title="2017-5-6">第一天的类，鬼知道发生了什么</a>
                        <a title="2017-5-6">第一天的类，鬼知道发生了什么</a>
                        <a href="javascript:;" class="href-all">查看全部</a>
                    </div>
                </div>
            </div>
            <!-- 标签云 -->
            <div class="labels" id="labels">
                <div class="title">标签云</div>
                <a>主页</a>
                <a>软件开发</a>
                <a>数据库</a>
                <a>二次开发元</a>
            </div>
            <!-- 友情链接 -->
            <div class="ku">
                <div class="title">左邻右舍</div>
                <div class="neighbor">
                    <a target="_blank" href="http://www.1zyan.cn" title="阿峰">阿峰</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 底部 -->
<div class="footer">
    Design by <a href="#">峰尚视野</a>
    <br>&copy; 2018 - 峰尚视野 <a href="#">蜀ICP备18007506号</a>
</div>
<!-- 侧边栏 -->
<div class="ce">
    <a class="ceL" href="javascript:;" title="返回顶部"><i class="iconfont top">&#xe65b;</i></a>
</div>
<!-- loading -->
<div class="loading" id="Loading">
    <div class="spinner">
        <div class="rect1"></div>
        <div class="rect2"></div>
        <div class="rect3"></div>
        <div class="rect4"></div>
        <div class="rect5"></div>
    </div>
</div>
</body>
</html>